<template>
	<view>
		<view class="">
			<text class="cart-teser">您好</text>
			<text class="caty-dijia">￥{{userlist}}</text>
			<text class="caty-sailuo">零钱金额</text>
			<image class="caty-img" src="https://xn-panda-test.oss-cn-hangzhou.aliyuncs.com/xiaochnegxu/%E9%92%B1%E5%8C%85.png" mode=""></image>
		</view>
	</view>
</template>
  
<script>
	import user from '@/http/user.js'
	export default{
		data(){
			return{
				userlist:{}
			}
		},
		onLoad() {
			this.loachegr()
		},
		methods:{
			async loachegr(){
				const res = await user.walletbalance()
				this.userlist = res.data
			}
		}
	}
</script>

<style lang="scss">
	.caty-img{
		width: 96%;
		height:150px;
		margin: 30rpx 2%;
	}
	.cart-teser{
		position: absolute;
		top: 60rpx;
		font-size: 36rpx;
		color: #fff;
		font-weight: 500;
		margin-left: 65rpx;
	}
	.caty-dijia{
		position: absolute;
		top: 110rpx;
		font-weight: bold;
		font-size: 50rpx;
		color: #fff;
		margin-left: 80rpx;
		z-index: 998;
		line-height: 75rpx;
	}
	.caty-sailuo{
		position: absolute;
		top: 190rpx;
		font-size: 28rpx;
		font-weight: bold;
		color: #FFCECB; 
		margin-left: 65rpx;
	}
</style>